<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<!-- 
    webpack 5
    webpack是一个静态资源打包工具（自动化/工程化 工具）
    webpack可以打包所有的资源
    开发项目时会使用 ES6语法、Less、Sass、ES模块以及react和vue框架 等技术
    需要打包工具进行 代码兼容性、代码压缩、代码合并、代码运行效率 处理
    经过打包工具编译输出的静态资源可以直接在浏览器运行

    打包工具：Grunt、Gulp、Rollup、Webpack、Vite ...
    目前市场上最流行的打包工具就是 Webpack

    打包：根据项目中各种资源的依赖关系进行打包处理
    在webpack中，一切都可以称为模块
 -->

</body>
</html>